<template>
    <div>
        <Headers>发现</Headers>



            <div id="scroller">
                <div id="scroller-left" @touchstart="touchClick" @touchmove="touchMove" @touchend="touchEnd">
                    <div>1</div>
                    <div>2</div>
                    <div>3</div>
                    <div>4</div>
                    <div>5</div>
                    <div>6</div>
                    <div>7</div>
                    <div>8</div>
                    <div>9</div>
                    <div>10</div>
                    <div>11</div>
                    <div>12</div>
                    <div>13</div>
                    <div>14</div>
                    <div>15</div>
                    <div>16</div>
                    <div>17</div>
                    <div>18</div>
                    <div>19</div>
                    <div>20</div>
                    <div>21</div>
                    <div>22</div>
                    <div>23</div>
                    <div>24</div>
                    <div>25</div>
                    <div>26</div>
                    <div>27</div>
                    <div>28</div>
                    <div>29</div>
                    <div>30</div>
                    <div>31</div>
                    <div>32</div>
                    <div>33</div>
                    <div>34</div>
                    <div>35</div>
                    <div>36</div>
                </div>
            </div>

        <Navbar></Navbar>
    </div>
</template>

<script>
import Headers from "../components/Headers.vue"
import Navbar from "../components/Navbar.vue";
export default {
    data:function(){
        return{
            // 大div距离top的距离
            top:''
        }
    },
    methods: {
    touchClick(e){
        
    },
    touchMove(e){

    },
    touchEnd(e){
        
    }
    },
    components: {
        Headers,
        Navbar
    },
}
</script>

<style scoped>
    #scroller{
        height: calc(100vh - 89px);
        margin-top: 45px;
         width: 20%;
         background-color: gold;
        overflow: hidden;
    }
    #scroller-left{
        height: 1500px;
        width: 100%;
    }
</style>